@charset "utf-8";

@function vw($a){
    @return ( $a / 640 ) * 100vw;
}
header{
    width: 100%;
    height: vw(76);
    position: absolute;
    top: 0;
    border-bottom: 1px solid #a7a7a7;
    .issue-head1{
        padding-top: vw(19);
        margin-left: vw(28);
        img{
            width: vw(18);
            height: vw(37);
        }
    }
    .issue-head2{
        padding-right: vw(28);
        margin-top: vw(27);
        p{
            color: black;
            font-size: vw(24);
        }
    }
    .issue-head3{
        margin-top: vw(24);
        margin-left: vw(261);
        p{
           font-size: vw(30); 
        }
    }
}
section{
    width: 100%;
    position: absolute;
    top: vw(80);
    overflow-y: scroll;
    bottom: vw(80);
    .issue-hold{
        box-sizing: border-box;
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        border-bottom:1px solid #a7a7a7;
        span{
            font-size:vw(24);
            line-height: vw(80);
            input{
                margin-left: vw(30);
                width: vw(400);
                overflow: hidden;
                border: none;
                font-size:vw(24);
            }
        }
    }
    .issue-date{
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        box-sizing: border-box;
        border-bottom:1px solid #a7a7a7;
        span{
            font-size:vw(24);
            line-height: vw(80);
            input[type="datetime-local"]{
                margin-left: vw(30);
                width: vw(150);
                border: none;
                font-size:vw(24);
                overflow: hidden;
                color: #a7a7a7;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                background:rgba(50,50,50,0.1);
            }
        }
    }
    .issue-time{
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        box-sizing: border-box;
        border-bottom:1px solid #a7a7a7;
        span{
            font-size:vw(24);
            line-height: vw(80);
            input[type="datetime-local"]{
                margin-left: vw(30);
                width: vw(300);
                height: vw(40);
                border: none;
                color: #d7d7d7;
                font-size:vw(24);
                overflow: hidden;
                appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
                outline: none;
                background:rgba(50,50,50,0.1);
                
            }
        }
    }
    .issue-addrees{
        width:100%;
        height: vw(80);
        margin: 0 auto;
        border-bottom:28px solid #f2f2f2;
        span{
            margin-left: vw(28);
            font-size:vw(24);
            line-height: vw(80);
            input[type="text"]{
                margin-left: vw(30);
                width: vw(300);
                border: none;
                font-size:vw(24);
                appearance: none;
                overflow: hidden;
                -webkit-appearance: none;
                -moz-appearance: none;
            }
        }
    }
    .issue-sex{
        width:vw(585);
        height: vw(81);
        margin: 0 auto;
        border-bottom:1px solid #a7a7a7;
            div{
               font-size: vw(24); 
               float: left;
               margin-top: vw(23);
            }
            
            .issue-sex1{
                margin-top: vw(0);
                vertical-align: middle;
                color:#d7d7d7 ;
                border-color: #d7d7d7;
                //yuan
                div:first-child{
                    text-align: center;
                    width: vw(32);
                    height: vw(32);
                    font-size: vw(24);
                    border: 1px solid #d7d7d7;
                    border-radius: 50%;
                    margin-left: vw(35);
                    margin-right: vw(8);
                    color: #d7d7d7;
                }
                div:last-child{
                    margin-top:vw(30);
                }
            }
            .issue-sex-class{
                margin-top: vw(0);
                line-height: vw(45);
                color:black;
                border-color: #d7d7d7;
                div:first-child{
                    text-align: center;
                    width: vw(32);
                    height: vw(32);
                    line-height: vw(32);
                    font-size: vw(24);
                    border: 1px solid black;
                    border-radius: 50%;
                    margin-left: vw(35);
                    margin-right: vw(8);
                    color: black;
                }
            }
            .issue-sex2{
                margin-top: vw(0);
                color:black;
                div:first-child{
                    text-align: center;
                    width: vw(32);
                    height: vw(32);
                    font-size: vw(24);
                    border: 1px solid black;
                    border-radius: 50%;
                    margin-left: vw(35);
                    margin-right: vw(8);
                    color:black;
                }
                div:last-child{
                    margin-top:vw(45);
                }
                div:first-child:hover{
                    border: 1px solid #d7d7d7;
                     color: #d7d7d7;
                }
                .issue-sex2:hover{
                    color: #d7d7d7;
                    border-color:#d7d7d7 ;
                }
            }
            div:first-child{
                margin-top: vw(28);
            }
    }
    .issue-sex-select{
        width: vw(585);
        height: vw(81);
        margin: 0 auto;
        border-bottom:1px solid #a7a7a7;
        span{
            line-height: vw(81);
            font-size: vw(24);
        }
        select{
            margin-left: vw(30);
            width:vw(400);
            height: vw(81);
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
            font-size: vw(24);
            background: transparent;
            color:#a7a7a7;
            option:first-child{
                display: none;
            }
        }
    }
    .issue-sex-number{
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        border-bottom:1px solid #a7a7a7;
        span{
            line-height: vw(78);
            font-size: vw(24);
        }
        input{
            margin-left: vw(30);
            width:vw(200);
            height: vw(78);
            font-size: vw(24);
            overflow: hidden;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
        }
         .issue-number{
             margin-left: vw(20);
         }
    }
    .issue-sex-tel{
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        span{
            line-height: vw(80);
            font-size: vw(24);
        }
        input[type="tel"]{
            margin-left: vw(30);
            width:vw(200);
            height: vw(78);
            font-size: vw(24);
            overflow: hidden;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
        }
    }
    .issue-html{
        width: 100%;
        height: vw(58);
        background: #f2f2f2;
        span{
            font-size: vw(24);
            margin-left: vw(26);
            line-height: vw(58);
            b{
                font-weight: normal;
                margin-left: vw(30);
            }
        }
    }
    .issue-add{
        width:100%;
        margin-top: vw(10);
        margin-bottom: vw(10);
        .issue-div{
            margin-left: vw(30);
            img{
                width: vw(32);
                height: vw(32);
            }
            b{
                font-size: vw(24);
                margin-left: vw(10);
                font-weight: normal;
            }
        }
        .issue-sex-text{
        width: vw(585);
        height: vw(80);
        margin: 0 auto;
        span{
            line-height: vw(80);
            font-size: vw(24);
        }
        input[type="text"]{
            margin-left: vw(30);
            width:vw(200);
            height: vw(78);
            font-size: vw(24);
            overflow: hidden;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            border: none;
        }
    }
    }
    .issue-xuan{
        width: 100%;
        height: vw(55);
        background: #f2f2f2;
        span{
            line-height: vw(55);
            font-size: vw(24);
            margin-left: vw(30);
            b{
               font-weight: normal;
               margin-left: vw(25); 
            }
        }
    }
    .issue-file{
        width: 100%;
        height: vw(237);
        .issue-file1{
            width: vw(180);
            height: vw(180);
            text-align: center;
            background: #cccccc;
            border-radius: vw(4);
            background-image: url(../../img/activity/ring/issue-jia.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: vw(69);
            border-radius: vw(8);
            margin: vw(27) vw(28) vw(28) vw(27);
            p{
                font-size: vw(20);
                color: #818181;
            }
            input[type="file"]{
                width: vw(180);
                height: vw(142);
                overflow: hidden;
                opacity: 0;
                overflow: hidden;
            }
        }
        .issue-file2{
            width: vw(180);
            height: vw(180);
            text-align: center;
            background: #cccccc;
            border-radius: vw(4);
            background-image: url(../../img/activity/ring/issue-jia.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: vw(69);
            margin-top: vw(27);
            margin-bottom: vw(28);
            border-radius: vw(8);
            p{
                font-size: vw(20);
                color: #818181;
            }
            input[type="file"]{
                width: vw(180);
                height: vw(142);
                overflow: hidden;
                opacity: 0;
                overflow: hidden;
            }
        }
    }
    textarea{
            width: 100%;
            height: vw(138);
            font-size: vw(20);
            resize: none;
            box-sizing: border-box;
            padding-left: vw(28);
            line-height: vw(46);
            overflow: hidden;
            padding-top: vw(13);
            border: none;
        }
}
footer{
    width: 100%;
    height: vw(80);
    background: #333333;
    position: absolute;
    bottom: 0;
    text-align: center;
    p{
        line-height: vw(80);
        font-size: vw(30);
        color: white;
    }
}
